/* screen - epi */

.epi {
  align-items: center;
  background-color: #060606;
  display: flex;
  flex-direction: column;
  height: 16682px;
  overflow: hidden;
  width: 1920px;
}

.epi .frame-1171278820 {
  align-items: flex-start;
  background-color: #060606;
  display: flex;
  width: 1920px;
  z-index: 11;
}

.epi .overlap-group32 {
  height: 1080px;
  margin-left: 42px;
  position: relative;
  width: 1878px;
}

.epi .ellipse-8184 {
  background-color: var(--orange-red);
  border-radius: 332px;
  cursor: pointer;
  filter: blur(361.3px);;
  height: 664px;
  left: 0;
  opacity: 0.08;
  position: absolute;
  top: 139px;
  transition: all 0.6s ease;
  width: 664px;
}

.epi .ellipse-8184:hover {
  transform: scale(2);
}

.epi .x1 {
  height: 1080px;
  left: 111px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1767px;
}

.epi .asldkfj {
  align-items: flex-start;
  display: flex;
  gap: 50px;
  height: 122px;
  left: 605px;
  min-width: 543px;
  position: absolute;
  top: 492px;
}

.epi .group-1171278901 {
  align-items: flex-start;
  background-color: var(--black);
  border: 0.5px solid;
  border-color: #ffffffa8;
  border-radius: 25px;
  display: flex;
  height: 118px;
  justify-content: flex-end;
  min-width: 118px;
  padding: 43.4px 14.1px;
}

.epi .group-1000001637 {
  height: 28px;
  width: 88px;
}

.epi .group-1000001700 {
  align-self: flex-end;
  height: 117px;
  width: 375px;
}

.epi .frame-19 {
  -webkit-backdrop-filter: blur(60px) brightness(100%);
  align-items: flex-start;
  backdrop-filter: blur(60px) brightness(100%);
  background-color: var(--black-2);
  border-radius: 23px;
  display: flex;
  gap: 915px;
  height: 70px;
  left: 40px;
  min-width: 1840px;
  padding: 11px 36px;
  position: fixed;
  top: 17px;
  z-index: 12;
}

.epi .group-1171278889:hover {
  filter: blur(5px);
}

.epi .group-1 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  gap: 6px;
  min-width: 100px;
  transition: all 0.5s ease;
}

.epi .group-1:hover {
  transform: scale(1.1);
}

.epi .frame-1171278180 {
  background-color: var(--granite-gray-2);
  border-radius: 42px;
  cursor: pointer;
  height: 46px;
  overflow: hidden;
  position: relative;
  transition: all 0.2s ease;
  width: 107px;
}

.epi .frame-1171278180:hover {
  background-color: #585858
}

.epi .frame-11712781:hover {
  background-color: #383838
}

.epi .about-me {
  left: 18px;
  letter-spacing: -0.50px;
  top: 13px;
  white-space: nowrap;
}

.epi .frame-1171278182:hover {
  background-color: #c5c5c5
}

.epi .place {
  left: 24px;
  letter-spacing: -0.50px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 13px;
  white-space: nowrap;
}

.epi .frame-1171278821 {
  align-items: flex-start;
  background-color: var(--black);
  border: 1px solid;
  border-color: var(--dove-gray);
  border-radius: 20px;
  cursor: pointer;
  display: flex;
  gap: 1px;
  height: 70px;
  left: 1811px;
  overflow: hidden;
  padding: 24.5px 14.5px;
  position: fixed;
  top: 970px;
  transform: rotate(-90.00deg);
  transition: all 0.2s ease;
  width: 70px;
  z-index: 13;
}

.epi .frame-1171278821:hover {
  background-color: #141414
}

.epi .overlap-group35 {
  height: 1128px;
  margin-left: 134.0px;
  margin-top: 225px;
  position: relative;
  width: 890px;
  z-index: 1;
}

.epi .ellipse-8181 {
  background-color: var(--orange-red);
  border-radius: 332px;
  cursor: pointer;
  filter: blur(361.3px);;
  height: 664px;
  left: 46px;
  opacity: 0.3;
  position: absolute;
  top: 0;
  transform: translate(0, 25px);
  transition: all 0.6s ease;
  width: 664px;
}

.epi .ellipse-8181.animate-enter42 {
  animation: animate-enter42-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0.3;
  transform: translate(0, 25px);
}

@keyframes animate-enter42-frames {
  from{opacity: 0.3;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.epi .ellipse-8181:hover {
  transform: scale(2);
}

.epi .group-1171278920 {
  height: 992px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 136px;
  transform: translate(0, 25px);
  width: 890px;
}

.epi .group-1171278920.animate-enter44 {
  animation: animate-enter44-frames 0.90s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter44-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.epi .i-phone-16 {
  cursor: pointer;
  height: 678px;
  left: 187px;
  position: absolute;
  top: 314px;
  transition: all 0.6s ease;
  width: 697px;
}

.epi .i-phone-16:hover {
  transform: scale(1.2);
}

.epi .epiphone-mobile {
  color: var(--mona-lisa);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-m);
  font-weight: 400;
  left: 309px;
  letter-spacing: -0.80px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 148px;
  white-space: nowrap;
}

.epi .text-135 {
  left: 84px;
  letter-spacing: -2.24px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 77px;
  white-space: nowrap;
}

.epi .text_label {
  left: 0;
  letter-spacing: -0.40px;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 204px;
  width: 755px;
}

.epi .frame-1171278695 {
  background-color: var(--jon);
  border-radius: 55px;
  cursor: pointer;
  filter: blur(10px);
  height: 49px;
  left: 302px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: all 0.4s ease;
  width: 152px;
}

.epi .frame-1171278695.animate-enter43 {
  animation: animate-enter43-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  filter: blur(10px);
  opacity: 0;
}

@keyframes animate-enter43-frames {
  from{opacity: 0;
filter: blur(10px);
}
to{opacity: 1;
filter: none;
}
}

.epi .frame-1171278695:hover {
  transform: scale(1.1);
}

.epi .text-136 {
  left: 21px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 11px;
  white-space: nowrap;
}

.epi .overlap-group33 {
  height: 664px;
  margin-right: 51.0px;
  margin-top: 319px;
  position: relative;
  width: 1037px;
  z-index: 3;
}

.epi .ellipse-8182 {
  background-color: var(--orange-red);
  border-radius: 332px;
  cursor: pointer;
  filter: blur(361.3px);;
  height: 664px;
  left: 212px;
  opacity: 0.08;
  position: absolute;
  top: 0;
  transition: all 0.6s ease;
  width: 664px;
}

.epi .ellipse-8182:hover {
  transform: scale(2);
}

.epi .text-137 {
  left: 419px;
  letter-spacing: -2.24px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 117px;
  white-space: nowrap;
}

.epi .text-138 {
  left: 141px;
  letter-spacing: -0.40px;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 221px;
  width: 755px;
}

.epi .frame-1171278696 {
  background-color: var(--jon);
  border-radius: 55px;
  cursor: pointer;
  filter: blur(10px);
  height: 49px;
  left: 448px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 41px;
  transition: all 0.4s ease;
  width: 140px;
}

.epi .frame-1171278696.animate-enter45 {
  animation: animate-enter45-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  filter: blur(10px);
  opacity: 0;
}

@keyframes animate-enter45-frames {
  from{opacity: 0;
filter: blur(10px);
}
to{opacity: 1;
filter: none;
}
}

.epi .frame-1171278696:hover {
  transform: scale(1.1);
}

.epi .text-139 {
  left: 32px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 11px;
  white-space: nowrap;
}

.epi .logo-change {
  left: 461px;
  letter-spacing: -0.80px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 184px;
  white-space: nowrap;
}

.epi .before {
  left: 112px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 453px;
  width: 116px;
}

.epi .after {
  left: 837px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 453px;
  width: 116px;
}

.epi .group-1171278903 {
  height: 103px;
  left: 0;
  position: absolute;
  top: 512px;
  width: 331px;
}

.epi .group-1000001705 {
  cursor: pointer;
  height: 88px;
  left: 755px;
  position: absolute;
  top: 517px;
  transition: all 0.4s ease;
  width: 282px;
}

.epi .group-1000001705:hover {
  transform: scale(1.1);
}

.epi .vector-3299 {
  height: 15px;
  left: 387px;
  position: absolute;
  top: 554px;
  width: 305px;
}

.epi .overlap-group36 {
  height: 884px;
  margin-right: 88.0px;
  margin-top: 316px;
  position: relative;
  width: 1672px;
  z-index: 4;
}

.epi .ellipse-8183-1 {
  background-color: var(--orange-red);
  border-radius: 332px;
  cursor: pointer;
  filter: blur(361.3px);;
  height: 664px;
  left: 0;
  opacity: 0.08;
  position: absolute;
  top: 0;
  transition: all 0.6s ease;
  width: 664px;
}

.epi .ellipse-8183-1:hover {
  transform: scale(2);
}

.epi .group-1171278922 {
  height: 786px;
  left: 115px;
  opacity: 0;
  position: absolute;
  top: 98px;
  transform: translate(0, 25px);
  width: 1557px;
}

.epi .group-1171278922.animate-enter47 {
  animation: animate-enter47-frames 0.90s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter47-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.epi .frame-1171278704 {
  -webkit-backdrop-filter: blur(42.2px) brightness(100%);
  align-items: flex-start;
  backdrop-filter: blur(42.2px) brightness(100%);
  background-color: #24171780;
  border: 0.85px solid;
  border-color: var(--mine-shaft);
  border-radius: 20px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 701px;
  left: 715px;
  overflow: hidden;
  padding: 0 74.4px;
  position: absolute;
  top: 85px;
  transition: all 0.2s ease;
  width: 800px;
}

.epi .frame-1171278704:hover {
  background-color: #491d1d
}

.epi .overlap-group-1 {
  height: 432px;
  margin-top: -247px;
  position: relative;
  width: 627px;
}

.epi .ellipse-8183-2 {
  background-color: var(--alto);
  border-radius: 216px;
  filter: blur(284.5px);;
  height: 432px;
  left: 103px;
  opacity: 0.11;
  position: absolute;
  top: 0;
  width: 432px;
}

.epi .group-1171278904 {
  align-items: flex-end;
  display: flex;
  height: 72px;
  left: 0;
  min-width: 627px;
  position: absolute;
  top: 323px;
}

.epi .text-140 {
  color: var(--white);
  font-family: var(--font-family-pretendard-extrabold);
  font-size: 60px;
  font-weight: 800;
  letter-spacing: -1.20px;
  line-height: normal;
  min-height: 72px;
  min-width: 154px;
  white-space: nowrap;
}

.epi .extra-bold {
  letter-spacing: -0.40px;
  line-height: normal;
  margin-bottom: 2.34px;
  margin-left: 190px;
  min-height: 24px;
  min-width: 90px;
  white-space: nowrap;
}

.epi .price {
  letter-spacing: -0.40px;
  margin-bottom: 2.34px;
  margin-left: 139px;
  min-height: 24px;
  min-width: 48px;
}

.epi .group-1171278905 {
  align-items: flex-end;
  display: flex;
  height: 50px;
  margin-top: 37px;
  min-width: 618px;
}

.epi .text-141 {
  align-self: flex-start;
  letter-spacing: -0.80px;
  line-height: normal;
  min-height: 48px;
  min-width: 136px;
  white-space: nowrap;
}

.epi .semi-bold {
  letter-spacing: -0.40px;
  line-height: normal;
  margin-bottom: 1.07px;
  margin-left: 208px;
  min-height: 24px;
  min-width: 88px;
  white-space: nowrap;
}

.epi .price-1 {
  color: var(--white);
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-xs);
  font-weight: 600;
  letter-spacing: -0.34px;
  margin-left: 141px;
  min-height: 20px;
  min-width: 39px;
}

.epi .group-117127890 {
  align-items: flex-end;
  display: flex;
  height: 30px;
  margin-top: 74px;
  min-width: 615px;
}

.epi .text-142 {
  align-self: flex-start;
  color: var(--white);
  font-family: var(--font-family-pretendard-medium);
  font-size: 25px;
  font-weight: 500;
  letter-spacing: -0.50px;
  line-height: normal;
  min-height: 30px;
  min-width: 43px;
  white-space: nowrap;
}

.epi .medium {
  letter-spacing: -0.40px;
  line-height: normal;
  margin-bottom: 1.07px;
  margin-left: 301px;
  min-height: 24px;
  min-width: 72px;
  white-space: nowrap;
}

.epi .price-2 {
  letter-spacing: -0.34px;
  margin-left: 157px;
  min-height: 20px;
  min-width: 36px;
}

.epi .group-1171278907 {
  align-items: flex-end;
  display: flex;
  height: 30px;
  margin-top: 74px;
  min-width: 614px;
}

.epi .text-143 {
  align-self: flex-start;
  color: var(--white);
  font-family: var(--font-family-pretendard-regular);
  font-size: 25px;
  font-weight: 400;
  letter-spacing: -0.50px;
  line-height: normal;
  min-height: 30px;
  min-width: 43px;
  white-space: nowrap;
}

.epi .regular {
  letter-spacing: -0.40px;
  line-height: normal;
  margin-bottom: 1.07px;
  margin-left: 301px;
  min-height: 24px;
  min-width: 66px;
  white-space: nowrap;
}

.epi .price-3 {
  color: var(--white);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-xs);
  font-weight: 400;
  letter-spacing: -0.34px;
  margin-bottom: 0;
  margin-left: 163px;
  min-height: 20px;
  min-width: 35px;
}

.epi .text-144 {
  align-self: flex-start;
  color: var(--white);
  font-family: var(--font-family-pretendard-semibold);
  font-size: 25px;
  font-weight: 600;
  letter-spacing: -0.50px;
  line-height: normal;
  min-height: 30px;
  min-width: 43px;
  white-space: nowrap;
}

.epi .semi-bold-1 {
  letter-spacing: -0.40px;
  line-height: normal;
  margin-bottom: 1.07px;
  margin-left: 301px;
  min-height: 24px;
  min-width: 85px;
  white-space: nowrap;
}

.epi .price-4 {
  letter-spacing: -0.34px;
  margin-left: 144px;
  min-height: 20px;
  min-width: 36px;
}

.epi .text-145 {
  left: 0;
  letter-spacing: -2.24px;
  line-height: normal;
  position: absolute;
  top: 85px;
  white-space: nowrap;
}

.epi .pretendard {
  letter-spacing: -0.40px;
  line-height: 32px;
  top: 158px;
  width: 490px;
}

.epi .frame-1171278697 {
  background-color: var(--jon);
  border-radius: 55px;
  cursor: pointer;
  filter: blur(10px);
  height: 49px;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: all 0.4s ease;
  width: 164px;
}

.epi .frame-1171278697.animate-enter46 {
  animation: animate-enter46-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  filter: blur(10px);
  opacity: 0;
}

@keyframes animate-enter46-frames {
  from{opacity: 0;
filter: blur(10px);
}
to{opacity: 1;
filter: none;
}
}

.epi .frame-1171278697:hover {
  transform: scale(1.1);
}

.epi .text-146 {
  left: 27px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 11px;
  white-space: nowrap;
}

.epi .overlap-group1 {
  height: 131px;
  left: 0;
  position: absolute;
  top: 307px;
  width: 116px;
}

.epi .type {
  left: 0;
  top: 0;
}

.epi .aa {
  color: var(--white);
  font-family: var(--font-family-pretendard-medium);
  font-size: 96px;
  font-weight: 500;
  left: 0;
  letter-spacing: -1.92px;
  line-height: normal;
  position: absolute;
  top: 16px;
  white-space: nowrap;
}

.epi .type-1 {
  left: 789px;
  top: 44px;
}

.epi .weight {
  left: 1130px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 44px;
  width: 116px;
}

.epi .size {
  left: 1357px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 44px;
  width: 116px;
}

.epi .pretendard-1 {
  color: var(--white);
  font-family: var(--font-family-pretendard-black);
  font-size: var(--font-size-xl);
  font-weight: 900;
  letter-spacing: -0.60px;
  line-height: normal;
  top: 465px;
  width: 158px;
}

.epi .black {
  color: var(--white);
  font-family: var(--font-family-pretendard-black);
  font-size: var(--font-size-xl);
  font-weight: 900;
  left: 174px;
  letter-spacing: -0.60px;
  line-height: normal;
  position: absolute;
  top: 465px;
  width: 158px;
}

.epi .pretendard-2 {
  letter-spacing: -0.60px;
  line-height: normal;
  top: 512px;
  width: 158px;
}

.epi .extra-bold-1 {
  left: 174px;
  letter-spacing: -0.60px;
  line-height: normal;
  position: absolute;
  top: 512px;
  width: 158px;
}

.epi .pretendard-3 {
  letter-spacing: -0.60px;
  line-height: normal;
  top: 559px;
  width: 158px;
}

.epi .bold {
  left: 174px;
  letter-spacing: -0.60px;
  line-height: normal;
  position: absolute;
  top: 559px;
  width: 158px;
}

.epi .pretendard-4 {
  color: var(--white);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-xl);
  font-weight: 500;
  letter-spacing: -0.60px;
  line-height: normal;
  top: 606px;
  width: 158px;
}

.epi .semi-bold-2 {
  color: var(--white);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-xl);
  font-weight: 500;
  left: 174px;
  letter-spacing: -0.60px;
  line-height: normal;
  position: absolute;
  top: 606px;
  width: 158px;
}

.epi .pretendard-5 {
  color: var(--white);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-xl);
  font-weight: 400;
  letter-spacing: -0.60px;
  line-height: normal;
  top: 653px;
  width: 158px;
}

.epi .medium-1 {
  color: var(--white);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-xl);
  font-weight: 400;
  left: 174px;
  letter-spacing: -0.60px;
  line-height: normal;
  position: absolute;
  top: 653px;
  width: 158px;
}

.epi .pretendard-6 {
  color: var(--white);
  font-family: var(--font-family-pretendard-light);
  font-size: var(--font-size-xl);
  font-weight: 300;
  letter-spacing: -0.60px;
  line-height: normal;
  top: 700px;
  width: 158px;
}

.epi .regular-1 {
  color: var(--white);
  font-family: var(--font-family-pretendard-light);
  font-size: var(--font-size-xl);
  font-weight: 300;
  left: 174px;
  letter-spacing: -0.60px;
  line-height: normal;
  position: absolute;
  top: 700px;
  width: 158px;
}

.epi .pretendard-7 {
  color: var(--white);
  font-family: var(--font-family-pretendard-extralight);
  font-size: var(--font-size-xl);
  font-weight: 200;
  letter-spacing: -0.60px;
  line-height: normal;
  top: 747px;
  width: 158px;
}

.epi .light {
  color: var(--white);
  font-family: var(--font-family-pretendard-extralight);
  font-size: var(--font-size-xl);
  font-weight: 200;
  left: 174px;
  letter-spacing: -0.60px;
  line-height: normal;
  position: absolute;
  top: 747px;
  width: 158px;
}

.epi .group-1171278923 {
  align-self: flex-end;
  height: 1285px;
  margin-right: -1090px;
  margin-top: 244px;
  opacity: 0;
  position: relative;
  transform: translate(0, 25px);
  width: 2877px;
  z-index: 5;
}

.epi .group-1171278923.animate-enter49 {
  animation: animate-enter49-frames 0.60s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter49-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.epi .overlap-group14 {
  height: 1122px;
  left: 1108px;
  position: absolute;
  top: 114px;
  width: 679px;
}

.epi .x6667 {
  cursor: pointer;
  height: 1122px;
  left: 50px;
  object-fit: cover;
  position: absolute;
  top: 0;
  transition: all 0.8s ease;
  width: 629px;
}

.epi .x6667:hover {
  transform: translate(40px, 0);
}

.epi .text-149 {
  left: 216px;
  letter-spacing: -1.20px;
  line-height: normal;
  position: absolute;
  top: 61px;
  white-space: nowrap;
}

.epi .red {
  left: 0;
  letter-spacing: -0.40px;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 150px;
  width: 490px;
}

.epi .color {
  left: 75px;
  top: 275px;
}

.epi .color-1 {
  left: 224px;
  text-align: center;
  top: 104px;
}

.epi .hierarchy {
  left: 200px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 275px;
  white-space: nowrap;
}

.epi .rgb {
  left: 375px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 275px;
  white-space: nowrap;
}

.epi .frame-1171278706 {
  -webkit-backdrop-filter: blur(42.2px) brightness(100%);
  align-items: flex-start;
  backdrop-filter: blur(42.2px) brightness(100%);
  background-color: var(--cod-gray-3);
  border: 0.85px solid;
  border-color: var(--mine-shaft);
  border-radius: 20px;
  cursor: pointer;
  display: flex;
  height: 109px;
  left: 16px;
  overflow: hidden;
  padding: 0 17px;
  position: absolute;
  top: 321px;
  transition: all 0.2s ease;
  width: 468px;
}

.epi .frame-1171278706:hover {
  background-color: #581818
}

.epi .overlap-group {
  border-radius: 216px;
  height: 432px;
  margin-top: -277px;
  position: relative;
  width: 432px;
}

.epi .ellipse-8183 {
  background-color: var(--alto);
  border-radius: 216px;
  filter: blur(284.5px);;
  height: 432px;
  left: 0;
  opacity: 0.11;
  position: absolute;
  top: 0;
  width: 432px;
}

.epi .group-1171278915 {
  align-items: center;
  display: flex;
  gap: 240px;
  height: 59px;
  left: 36px;
  min-width: 357px;
  position: absolute;
  top: 302px;
}

.epi .ellipse-8188 {
  background-color: #ff3434;
  border-radius: 29.5px;
  height: 59px;
  width: 59px;
}

.epi .ff3535 {
  letter-spacing: -0.32px;
  line-height: normal;
  min-height: 19px;
  min-width: 56px;
  white-space: nowrap;
}

.epi .ary-color {
  left: 167px;
  letter-spacing: -0.32px;
  line-height: normal;
  position: absolute;
  top: 319px;
  white-space: nowrap;
}

.epi .frame-1171278707 {
  -webkit-backdrop-filter: blur(42.2px) brightness(100%);
  align-items: flex-start;
  backdrop-filter: blur(42.2px) brightness(100%);
  background-color: var(--cod-gray-3);
  border: 0.85px solid;
  border-color: var(--mine-shaft);
  border-radius: 20px;
  cursor: pointer;
  display: flex;
  height: 109px;
  left: 16px;
  overflow: hidden;
  padding: 0 17px;
  position: absolute;
  top: 442px;
  transition: all 0.2s ease;
  width: 468px;
}

.epi .frame-1171278707:hover {
  background-color: #DC2A2A
}

.epi .group-1171278916 {
  align-items: center;
  display: flex;
  gap: 240px;
  height: 59px;
  left: 36px;
  min-width: 359px;
  position: absolute;
  top: 302px;
}

.epi .ellipse-8187 {
  background-color: #ff6c6c;
  border-radius: 29.5px;
  height: 59px;
  width: 59px;
}

.epi .ff6-d6-d {
  letter-spacing: -0.32px;
  line-height: normal;
  min-height: 19px;
  min-width: 58px;
  white-space: nowrap;
}

.epi .frame-1171278708 {
  -webkit-backdrop-filter: blur(42.2px) brightness(100%);
  align-items: flex-start;
  backdrop-filter: blur(42.2px) brightness(100%);
  background-color: var(--cod-gray-3);
  border: 0.85px solid;
  border-color: var(--mine-shaft);
  border-radius: 20px;
  cursor: pointer;
  display: flex;
  height: 109px;
  left: 16px;
  overflow: hidden;
  padding: 0 17px;
  position: absolute;
  top: 563px;
  transition: all 0.2s ease;
  width: 468px;
}

.epi .frame-1171278708:hover {
  background-color: #474747
}

.epi .overlap-group-2 {
  height: 59px;
  left: 36px;
  position: absolute;
  top: 302px;
  width: 353px;
}

.epi .group-1171278918 {
  align-items: center;
  display: flex;
  gap: 240px;
  height: 59px;
  left: 0;
  min-width: 353px;
  position: absolute;
  top: 0;
}

.epi .ellipse-8185 {
  background-color: var(--white);
  border-radius: 29.5px;
  height: 59px;
  width: 59px;
}

.epi .ffffff {
  letter-spacing: -0.32px;
  line-height: normal;
  min-height: 19px;
  min-width: 52px;
  white-space: nowrap;
}

.epi .neutral-color {
  left: 131px;
  letter-spacing: -0.32px;
  line-height: normal;
  position: absolute;
  top: 19px;
  white-space: nowrap;
}

.epi .frame-1171278709 {
  -webkit-backdrop-filter: blur(42.2px) brightness(100%);
  align-items: flex-start;
  backdrop-filter: blur(42.2px) brightness(100%);
  background-color: var(--cod-gray-3);
  border: 0.85px solid;
  border-color: var(--mine-shaft);
  border-radius: 20px;
  cursor: pointer;
  display: flex;
  height: 109px;
  left: 16px;
  overflow: hidden;
  padding: 0 17px;
  position: absolute;
  top: 684px;
  transition: all 0.2s ease;
  width: 468px;
}

.epi .frame-1171278709:hover {
  background-color: #474747
}

.epi .overlap-group-3 {
  height: 59px;
  left: 36px;
  position: absolute;
  top: 302px;
  width: 357px;
}

.epi .group-1171278918-1 {
  align-items: center;
  display: flex;
  gap: 240px;
  height: 59px;
  left: 0;
  min-width: 357px;
  position: absolute;
  top: 0;
}

.epi .ellipse-8186 {
  background-color: var(--black);
  border: 1px solid;
  border-color: var(--white);
  border-radius: 29.5px;
  height: 59px;
  width: 59px;
}

.epi .number-1 {
  letter-spacing: -0.32px;
  min-height: 19px;
  min-width: 56px;
}

.epi .text-147 {
  left: 219px;
  letter-spacing: -1.20px;
  line-height: normal;
  position: absolute;
  top: 175px;
  white-space: nowrap;
}

.epi .text-148 {
  left: 776px;
  letter-spacing: -1.20px;
  line-height: normal;
  position: absolute;
  top: 175px;
  white-space: nowrap;
}

.epi .text-150 {
  left: 0;
  letter-spacing: -0.40px;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 264px;
  width: 490px;
}

.epi .text-151 {
  left: 579px;
  letter-spacing: -0.40px;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 264px;
  width: 490px;
}

.epi .frame-1171278705 {
  background-color: var(--jon);
  border-radius: 55px;
  cursor: pointer;
  filter: blur(10px);
  height: 49px;
  left: 745px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: all 0.4s ease;
  width: 164px;
}

.epi .frame-1171278705.animate-enter48 {
  animation: animate-enter48-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  filter: blur(10px);
  opacity: 0;
}

@keyframes animate-enter48-frames {
  from{opacity: 0;
filter: blur(10px);
}
to{opacity: 1;
filter: none;
}
}

.epi .frame-1171278705:hover {
  transform: scale(1.1);
}

.epi .text-152 {
  left: 27px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 12px;
  white-space: nowrap;
}

.epi .buttons {
  left: 218px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 218px;
  white-space: nowrap;
}

.epi .componenets {
  left: 777px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 218px;
  white-space: nowrap;
}

.epi .group-1171278910 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 61px;
  left: 70px;
  min-width: 350px;
  position: absolute;
  top: 392px;
  transition: all 0.6s ease;
}

.epi .group-1171278910:hover {
  transform: scale(1.1);
}

.epi .overlap-group-4 {
  align-items: flex-end;
  background-image: url(../img/group-1000001645@2x.png);
  background-size: 100% 100%;
  display: flex;
  height: 61px;
  min-width: 350px;
  padding: 14px 130.8px;
}

.epi .default {
  color: var(--black);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-xs);
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  min-height: 29px;
  text-align: center;
  width: 85px;
}

.epi .overlap-group1-1 {
  height: 60px;
  left: 70px;
  position: absolute;
  top: 482px;
  width: 352px;
}

.epi .rectangle-24107 {
  cursor: pointer;
  height: 57px;
  left: 2px;
  position: absolute;
  top: 2px;
  transition: all 0.2s ease;
  width: 349px;
}

.epi .rectangle-24107:hover {
  background-color: #474747
}

.epi .rectangle-24107-stroke {
  cursor: pointer;
  height: 60px;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.2s ease;
  width: 352px;
}

.epi .rectangle-24107-stroke:hover {
  background-color: #474747
}

.epi .defualt {
  left: 133px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 18px;
  width: 85px;
}

.epi .group-1171278912 {
  height: 40px;
  left: 73px;
  position: absolute;
  top: 572px;
  width: 344px;
}

.epi .group-1171278913 {
  height: 42px;
  left: 73px;
  position: absolute;
  top: 643px;
  width: 348px;
}

.epi .group-1171278914 {
  height: 84px;
  left: 73px;
  position: absolute;
  top: 708px;
  width: 344px;
}

.epi .overlap-group12 {
  background-image: url(../img/rectangle-112.svg);
  background-size: 100% 100%;
  height: 34px;
  left: 662px;
  position: absolute;
  top: 445px;
  width: 74px;
}

.epi .rectangle-112-stroke {
  height: 34px;
  left: 0;
  position: absolute;
  top: 0;
  width: 74px;
}

.epi .text-153 {
  color: var(--black);
  font-family: var(--font-family-pretendard-bold);
  font-size: var(--font-size-xxxs);
  font-weight: 700;
  left: 26px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 9px;
}

.epi .overlap-group17 {
  background-image: url(../img/rectangle-113.svg);
  background-size: 100% 100%;
  height: 42px;
  left: 745px;
  position: absolute;
  top: 445px;
  width: 82px;
}

.epi .rectangle {
  height: 42px;
  left: 0;
  position: absolute;
  top: 0;
  width: 82px;
}

.epi .text-154 {
  left: 24px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 9px;
}

.epi .overlap-group15 {
  background-image: url(../img/rectangle-24088.svg);
  background-size: 100% 100%;
  height: 42px;
  left: 832px;
  position: absolute;
  top: 445px;
  width: 82px;
}

.epi .sg {
  left: 32px;
  position: absolute;
  text-align: center;
  top: 9px;
}

.epi .overlap-group13 {
  background-image: url(../img/rectangle-24089.svg);
  background-size: 100% 100%;
  height: 42px;
  left: 918px;
  position: absolute;
  top: 445px;
  width: 82px;
}

.epi .es {
  left: 33px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 9px;
}

.epi .overlap-group16 {
  background-image: url(../img/rectangle-111.svg);
  background-size: 100% 100%;
  height: 39px;
  left: 662px;
  position: absolute;
  top: 389px;
  width: 334px;
}

.epi .rectangle-111-stroke {
  height: 39px;
  left: 0;
  position: absolute;
  top: 0;
  width: 334px;
}

.epi .text-155 {
  left: 291px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 11px;
}

.epi .text-156 {
  color: #ffa6a6a8;
  font-family: var(--font-family-pretendard-medium);
  font-size: 12px;
  font-weight: 500;
  left: 15px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 13px;
  white-space: nowrap;
}

.epi .group-1000001658 {
  cursor: pointer;
  height: 248px;
  left: 662px;
  position: absolute;
  top: 505px;
  transition: all 0.6s ease;
  width: 164px;
}

.epi .group-1000001658:hover {
  transform: scale(1.1);
}

.epi .overlap-group6 {
  align-items: flex-start;
  background-image: url(../img/rectangle-24084.png);
  background-size: 100% 100%;
  display: flex;
  height: 199px;
  justify-content: flex-end;
  left: 0;
  min-width: 160px;
  padding: 2px 23px;
  position: absolute;
  top: 0;
}

.epi .x1-1 {
  height: 182px;
  width: 106px;
}

.epi .ellipse-60 {
  background-color: var(--alto);
  border-radius: 1px;
  height: 2px;
  left: 153px;
  position: absolute;
  top: 216px;
  transform: rotate(90.00deg);
  width: 2px;
}

.epi .ellipse-61 {
  background-color: var(--alto);
  border-radius: 1px;
  height: 2px;
  left: 153px;
  position: absolute;
  top: 220px;
  transform: rotate(90.00deg);
  width: 2px;
}

.epi .ellipse-62 {
  background-color: var(--alto);
  border-radius: 1px;
  height: 2px;
  left: 153px;
  position: absolute;
  top: 224px;
  transform: rotate(90.00deg);
  width: 2px;
}

.epi .text-157 {
  left: 8px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 211px;
  white-space: nowrap;
}

.epi .text-158 {
  left: 8px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 234px;
  white-space: nowrap;
}

.epi .group-1000001663 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 836px;
  min-height: 248px;
  position: absolute;
  top: 770px;
  width: 164px;
}

.epi .overlap-group7 {
  align-items: flex-start;
  background-image: url(../img/rectangle-24083.png);
  background-size: 100% 100%;
  display: flex;
  height: 199px;
  min-width: 160px;
  padding: 1px 27px;
}

.epi .x6666-2 {
  height: 176px;
  width: 105px;
}

.epi .flex-row-1 {
  gap: 47px;
}

.epi .text-159 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 18px;
  min-width: 98px;
  white-space: nowrap;
}

.epi .ellipse-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 2.0px;
  min-height: 10px;
  width: 2px;
}

.epi .ellipse {
  background-color: var(--alto);
  border-radius: 1px;
  height: 2px;
  transform: rotate(90.00deg);
  width: 2px;
}

.epi .text-16 {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 6px;
  margin-top: 5px;
  min-height: 14px;
  white-space: nowrap;
}

.epi .group-1000001664 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 662px;
  min-height: 248px;
  position: absolute;
  top: 1037px;
  width: 164px;
}

.epi .overlap-group8 {
  align-items: flex-start;
  background-image: url(../img/rectangle-24085.png);
  background-size: 100% 100%;
  display: flex;
  height: 199px;
  justify-content: flex-end;
  min-width: 160px;
  padding: 1px 21px;
}

.epi .x1-2 {
  height: 174px;
  width: 116px;
}

.epi .flex-row {
  align-self: center;
  gap: 60px;
  height: 18px;
  margin-right: 1.0px;
  margin-top: 12px;
  min-width: 147px;
}

.epi .text-16-1 {
  min-height: 18px;
  min-width: 85px;
}

.epi .ellipse-container-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 0;
  min-height: 10px;
  width: 2px;
}

.epi .text-16-2 {
  margin-left: 8px;
  margin-top: 5px;
  min-height: 14px;
}

.epi .group-1000001665 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 836px;
  min-height: 248px;
  position: absolute;
  top: 1037px;
  width: 164px;
}

.epi .overlap-group9 {
  align-items: flex-start;
  background-image: url(../img/rectangle-121.png);
  background-size: 100% 100%;
  display: flex;
  height: 199px;
  min-width: 160px;
  padding: 1px 23px;
}

.epi .x1-4 {
  height: 183px;
  width: 109px;
}

.epi .flex-row-2 {
  gap: 82px;
}

.epi .sg-1 {
  min-height: 18px;
  min-width: 63px;
  white-space: nowrap;
}

.epi .group-1000001662 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 662px;
  min-height: 248px;
  position: absolute;
  top: 770px;
  width: 164px;
}

.epi .overlap-group10 {
  align-items: flex-start;
  background-image: url(../img/rectangle-24084-1.png);
  background-size: 100% 100%;
  display: flex;
  height: 199px;
  justify-content: flex-end;
  min-width: 160px;
  padding: 1px 20px;
}

.epi .x1-3 {
  height: 176px;
  width: 109px;
}

.epi .overlap-group11 {
  height: 248px;
  left: 836px;
  position: absolute;
  top: 505px;
  width: 164px;
}

.epi .group-1000001659 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 248px;
  position: absolute;
  top: 0;
  width: 164px;
}

.epi .rectangle-24083 {
  height: 199px;
  width: 160px;
}

.epi .flex-row-3 {
  gap: 60px;
}

.epi .group-1000001648 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 2.0px;
  min-height: 10px;
  padding: 0.0px 0;
  width: 2px;
}

.epi .ellipse-6 {
  background-color: var(--alto);
  border-radius: 1px;
  height: 2px;
  margin-left: 0;
  transform: rotate(90.00deg);
  width: 2px;
}

.epi .x3 {
  height: 181px;
  left: 37px;
  position: absolute;
  top: 2px;
  width: 98px;
}

.epi .overlap-group34 {
  align-items: center;
  background-image: url(../img/exclude-2.svg);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  margin-top: 212px;
  min-height: 6019px;
  width: 1920px;
  z-index: 2;
}

.epi .text-169 {
  color: var(--black);
  font-family: var(--font-family-pretendard-extrabold);
  font-size: 57px;
  font-weight: 800;
  letter-spacing: -2.28px;
  line-height: normal;
  margin-right: 2.0px;
  margin-top: 447px;
  min-height: 68px;
  min-width: 598px;
  text-align: center;
  white-space: nowrap;
}

.epi .epiphone {
  color: var(--black);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: -0.40px;
  line-height: 28px;
  margin-right: 1.0px;
  margin-top: 26px;
  min-height: 56px;
  text-align: center;
  width: 755px;
}

.epi .overlap-group37 {
  height: 77px;
  margin-left: 1.0px;
  margin-top: 164px;
  position: relative;
  width: 287px;
}

.epi .text-170 {
  left: 117px;
  letter-spacing: -0.64px;
  line-height: normal;
  position: absolute;
  top: 58px;
  white-space: nowrap;
}

.epi .onboarding {
  left: 0;
  letter-spacing: -2.24px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
}

.epi .overlap-group38 {
  height: 710px;
  margin-right: 16.0px;
  margin-top: 111px;
  position: relative;
  width: 1276px;
}

.epi .i-phone-13-pro-front {
  align-items: flex-start;
  background-image: url(../img/silver.png);
  background-size: 100% 100%;
  display: flex;
  height: 710px;
  justify-content: flex-end;
  left: 0;
  min-width: 350px;
  padding: 16.4px 18.2px;
  position: absolute;
  top: 0;
}

.epi .mockup {
  height: 677px;
  width: 312px;
}

.epi .vector-3300 {
  height: 11px;
  left: 268px;
  position: absolute;
  top: 524px;
  width: 147px;
}

.epi .vector-3302 {
  height: 11px;
  left: 853px;
  position: absolute;
  top: 524px;
  width: 153px;
}

.epi .vector-3301 {
  height: 2px;
  left: 268px;
  position: absolute;
  top: 528px;
  width: 80px;
}

.epi .frame-1171278704-1 {
  -webkit-backdrop-filter: blur(42.2px) brightness(100%);
  align-items: flex-start;
  backdrop-filter: blur(42.2px) brightness(100%);
  background-color: var(--cod-gray-4);
  border-radius: 20px;
  cursor: pointer;
  display: flex;
  height: 187px;
  left: 410px;
  overflow: hidden;
  padding: 0 7px;
  position: absolute;
  top: 446px;
  transition: all 0.2s ease;
  width: 448px;
}

.epi .frame-1171278704-1:hover {
  background-color: #575757
}

.epi .text-168 {
  left: 147px;
  letter-spacing: -0.40px;
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: 314px;
  white-space: nowrap;
}

.epi .epiphone-1 {
  left: 93px;
  letter-spacing: -0.40px;
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: 352px;
}

.epi .i-mockup-i-phone-17 {
  cursor: pointer;
  height: 710px;
  left: 926px;
  object-fit: cover;
  position: absolute;
  top: 0;
  transition: all 0.6s ease;
  width: 350px;
}

.epi .i-mockup-i-phone-17:hover {
  transform: scale(1.2);
}

.epi .overlap-group40 {
  height: 2391px;
  margin-top: 104px;
  position: relative;
  width: 1920px;
}

.epi .overlap-group19 {
  align-items: center;
  background-image: url(../img/-----6667-1.png);
  background-size: 100% 100%;
  display: flex;
  height: 1384px;
  left: 98px;
  min-width: 1740px;
  padding: 67.0px 243px;
  position: absolute;
  top: 1007px;
}

.epi .i-mockup-i-phone-19 {
  cursor: pointer;
  height: 710px;
  margin-bottom: 32.0px;
  object-fit: cover;
  transition: all 0.6s ease;
  width: 350px;
}

.epi .i-mockup-i-phone-19:hover {
  transform: scale(1.1);
}

.epi .flex-col {
  align-self: flex-end;
  flex-direction: column;
  margin-left: 31px;
  min-height: 1158px;
  width: 448px;
}

.epi .information {
  letter-spacing: -2.24px;
  line-height: normal;
  margin-left: 28.0px;
  min-height: 58px;
  text-align: center;
  white-space: nowrap;
  width: 292px;
}

.epi .text-173 {
  letter-spacing: -0.64px;
  line-height: normal;
  margin-left: 28.0px;
  min-height: 19px;
  min-width: 38px;
  white-space: nowrap;
}

.epi .i-mockup-i-phone-20 {
  cursor: pointer;
  height: 710px;
  margin-left: 28.0px;
  margin-top: 85px;
  object-fit: cover;
  transition: all 0.6s ease;
  width: 350px;
}

.epi .i-mockup-i-phone-20:hover {
  transform: scale(1.1);
}

.epi .dfdfdfdfd {
  -webkit-backdrop-filter: blur(42.2px) brightness(100%);
  align-items: flex-start;
  backdrop-filter: blur(42.2px) brightness(100%);
  background-color: var(--cod-gray-4);
  border-radius: 20px;
  cursor: pointer;
  display: flex;
  height: 187px;
  margin-top: 99px;
  overflow: hidden;
  padding: 0 7px;
  transition: all 0.2s ease;
  width: 448px;
}

.epi .dfdfdfdfd:hover {
  background-color: #3E3E3E
}

.epi .text-171 {
  left: 142px;
  letter-spacing: -0.40px;
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: 314px;
  white-space: nowrap;
}

.epi .text-172 {
  left: 78px;
  letter-spacing: -0.40px;
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: 354px;
}

.epi .i-mockup-i-phone-13 {
  height: 710px;
  margin-bottom: 32.0px;
  margin-left: 59px;
  object-fit: cover;
  width: 350px;
}

.epi .frame-1171278796 {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 1080px;
  left: 0;
  padding: 70px 266px;
  position: absolute;
  top: 0;
  width: 1920px;
}

.epi .search {
  letter-spacing: -2.24px;
  line-height: normal;
  min-height: 58px;
  text-align: center;
  white-space: nowrap;
  width: 292px;
}

.epi .text-184 {
  letter-spacing: -0.64px;
  line-height: normal;
  min-height: 19px;
  min-width: 38px;
  white-space: nowrap;
}

.epi .overlap-group31 {
  align-self: flex-start;
  height: 710px;
  margin-top: 87px;
  position: relative;
  width: 1382px;
}

.epi .frame-1171278705-1 {
  -webkit-backdrop-filter: blur(42.2px) brightness(100%);
  align-items: flex-start;
  backdrop-filter: blur(42.2px) brightness(100%);
  background-color: var(--cod-gray-4);
  border-radius: 20px;
  cursor: pointer;
  display: flex;
  height: 187px;
  left: 934px;
  overflow: hidden;
  padding: 0 7px;
  position: absolute;
  top: 60px;
  transition: all 0.2s ease;
  width: 448px;
}

.epi .frame-1171278705-1:hover {
  background-color: #3E3E3E
}

.epi .text-180 {
  left: 156px;
  letter-spacing: -0.40px;
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: 314px;
  white-space: nowrap;
}

.epi .text-181 {
  left: 99px;
  letter-spacing: -0.40px;
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: 354px;
}

.epi .dfdf {
  -webkit-backdrop-filter: blur(42.2px) brightness(100%);
  align-items: flex-start;
  backdrop-filter: blur(42.2px) brightness(100%);
  background-color: var(--cod-gray-4);
  border-radius: 20px;
  cursor: pointer;
  display: flex;
  height: 187px;
  left: 0;
  overflow: hidden;
  padding: 0 7px;
  position: absolute;
  top: 261px;
  transition: all 0.2s ease;
  width: 448px;
}

.epi .dfdf:hover {
  background-color: #3E3E3E
}

.epi .text-182 {
  left: 164px;
  letter-spacing: -0.40px;
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: 314px;
  white-space: nowrap;
}

.epi .text-183 {
  left: 74px;
  letter-spacing: -0.40px;
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: 354px;
}

.epi .x001-silver {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 710px;
  left: 519px;
  min-width: 350px;
  position: absolute;
  top: 0;
  transition: all 0.4s ease;
}

.epi .x001-silver:hover {
  transform: scale(1.1);
}

.epi .i-phone-13-pro-front-1 {
  align-items: flex-start;
  background-image: url(../img/silver.png);
  background-size: 100% 100%;
  display: flex;
  height: 710px;
  justify-content: flex-end;
  min-width: 350px;
  padding: 16.4px 18.2px;
}

.epi .vector-3304-stroke {
  height: 11px;
  left: 786px;
  position: absolute;
  top: 144px;
  width: 153px;
}

.epi .vector-3304-stroke-1 {
  height: 11px;
  left: 442px;
  position: absolute;
  top: 316px;
  width: 153px;
}

.epi .vector-3303-stroke {
  height: 2px;
  left: 786px;
  position: absolute;
  top: 148px;
  width: 80px;
}

.epi .vector-3303-stroke-1 {
  height: 2px;
  left: 515px;
  position: absolute;
  top: 320px;
  width: 80px;
}

.epi .overlap-group39 {
  height: 1280px;
  margin-top: 233px;
  position: relative;
  width: 1920px;
}

.epi .about-epiphone {
  left: 767px;
  letter-spacing: -2.24px;
  top: 38px;
  width: 387px;
}

.epi .frame-1171278763 {
  align-items: flex-start;
  background-image: url(../img/image-6.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 1280px;
  left: 0;
  min-width: 1920px;
  position: absolute;
  top: 0;
}

.epi .overlap-group20 {
  align-items: center;
  background-color: #000000d4;
  display: flex;
  flex-direction: column;
  gap: 100px;
  min-height: 1280px;
  width: 1920px;
}

.epi .text-174 {
  letter-spacing: -0.64px;
  line-height: normal;
  margin-right: 1.0px;
  margin-top: 106px;
  min-height: 19px;
  min-width: 51px;
  white-space: nowrap;
}

.epi .overlap-group1-2 {
  height: 1055px;
  position: relative;
  width: 1920px;
}

.epi .rectangle-3480368 {
  background: linear-gradient(180deg, rgb(6, 6, 6) 0%, rgba(6, 6, 6, 0) 100%);
  height: 376px;
  left: 0;
  position: absolute;
  top: 679px;
  width: 1920px;
}

.epi .frame-1171278708-1 {
  -webkit-backdrop-filter: blur(42.2px) brightness(100%);
  align-items: flex-start;
  backdrop-filter: blur(42.2px) brightness(100%);
  background-color: #5e5e5e14;
  border-radius: 20px;
  cursor: pointer;
  display: flex;
  height: 187px;
  left: 722px;
  overflow: hidden;
  padding: 0 7px;
  position: absolute;
  top: 777px;
  transition: all 0.2s ease;
  width: 448px;
}

.epi .frame-1171278708-1:hover {
  background-color: #3E3E3E
}

.epi .text-175 {
  left: 123px;
  letter-spacing: -0.40px;
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: 314px;
  white-space: nowrap;
}

.epi .epiphone-2 {
  left: 67px;
  letter-spacing: -0.40px;
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: 354px;
}

.epi .i-mockup-i-phone-18 {
  cursor: pointer;
  height: 710px;
  left: 558px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  transition: all 0.6s ease;
  width: 350px;
}

.epi .i-mockup-i-phone-18:hover {
  transform: scale(1.1);
}

.epi .i-mockup-i-phone-14 {
  cursor: pointer;
  height: 710px;
  left: 1011px;
  object-fit: cover;
  position: absolute;
  top: 0;
  transition: all 0.6s ease;
  width: 350px;
}

.epi .i-mockup-i-phone-14:hover {
  transform: scale(1.1);
}

.epi .rectangle-3480367 {
  background: linear-gradient(180deg, rgb(6, 6, 6) 0%, rgb(6, 6, 6) 100%);
  height: 352px;
  width: 1920px;
}

.epi .frame-1171278764 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 45.41px;
  margin-top: 70px;
  min-height: 1226px;
  width: 1223px;
  z-index: 6;
}

.epi .group-1171278901-1 {
  align-items: flex-start;
  background-color: var(--black);
  border: 0.5px solid;
  border-color: #ffffffa8;
  border-radius: 25px;
  display: flex;
  height: 118px;
  justify-content: flex-end;
  margin-right: 45.41px;
  min-width: 118px;
  padding: 43.4px 14.1px;
}

.epi .epiphone-3 {
  color: var(--white);
  font-family: var(--font-family-pretendard-extrabold);
  font-size: 37px;
  font-weight: 800;
  letter-spacing: -1.48px;
  line-height: normal;
  margin-right: 46.41px;
  margin-top: 25px;
  min-height: 44px;
  min-width: 157px;
  text-align: center;
  white-space: nowrap;
}

.epi .overlap-group21 {
  align-self: flex-start;
  height: 1069px;
  margin-left: -78.3px;
  margin-top: 16px;
  position: relative;
  width: 1301px;
}

.epi .i-phone-15 {
  cursor: pointer;
  height: 1060px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 9px;
  transition: all 0.6s ease;
  width: 1301px;
}

.epi .i-phone-15:hover {
  transform: scale(1.1);
}

.epi .ellipse-8185-1 {
  background-color: var(--orange-red);
  border-radius: 507px;
  cursor: pointer;
  filter: blur(361.3px);;
  height: 1014px;
  left: 160px;
  opacity: 0.08;
  position: absolute;
  top: 9px;
  transition: all 0.6s ease;
  width: 1014px;
}

.epi .ellipse-8185-1:hover {
  transform: scale(2);
}

.epi .ui {
  color: var(--white);
  font-family: var(--font-family-pretendard-medium);
  font-size: 25px;
  font-weight: 500;
  left: 429px;
  letter-spacing: -1.00px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
}

.epi .text-176 {
  color: var(--dove-gray);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-s);
  font-weight: 400;
  left: 623px;
  letter-spacing: -0.72px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 35px;
  white-space: nowrap;
}

.epi .other-projects {
  letter-spacing: -2.24px;
  line-height: normal;
  margin-left: 1.0px;
  margin-top: 359px;
  min-height: 59px;
  min-width: 345px;
  text-align: center;
  white-space: nowrap;
  z-index: 8;
}

.epi .frame-container {
  align-items: flex-start;
  display: flex;
  gap: 30px;
  margin-top: 103px;
  min-width: 1524px;
  z-index: 7;
}

.epi .frame-1171278724 {
  -webkit-backdrop-filter: blur(49.9px) brightness(100%);
  backdrop-filter: blur(49.9px) brightness(100%);
  background-color: var(--shark);
  border: 1px solid;
  border-color: var(--mine-shaft);
  border-radius: 24.24px;
  cursor: pointer;
  height: 518px;
  opacity: 0;
  overflow: hidden;
  transform: translate(0, 25px);
  transition: all 0.2s ease;
  width: 747px;
}

.epi .frame-1171278724.animate-enter51 {
  animation: animate-enter51-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter51-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.epi .frame-1171278724:hover {
  background-color: #3E3E3E
}

.epi .overlap-group23 {
  height: 625px;
  left: 19px;
  position: relative;
  top: 20px;
  width: 707px;
}

.epi .overlap-group2 {
  height: 625px;
  left: 0;
  position: absolute;
  top: 0;
  width: 707px;
}

.epi .ellipse-8183-3 {
  background-color: var(--alto);
  border-radius: 216px;
  filter: blur(284.5px);;
  height: 432px;
  left: 138px;
  opacity: 0.11;
  position: absolute;
  top: 193px;
  width: 432px;
}

.epi .frame-container-1 {
  border-radius: 19.53px;
  height: 390px;
  left: 0;
  position: absolute;
  top: 0;
  width: 707px;
}

.epi .frame-1171278688 {
  border-radius: 19.53px;
  height: 390px;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform: translate(0, 25px);
  width: 707px;
}

.epi .frame-1171278688.animate-enter50 {
  animation: animate-enter50-frames 0.40s ease 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter50-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.epi .overlap-group-5 {
  height: 564px;
  left: -23px;
  position: relative;
  top: -38px;
  width: 764px;
}

.epi .x1-5 {
  cursor: pointer;
  height: 564px;
  left: 95px;
  object-fit: cover;
  position: absolute;
  top: 0;
  transition: all 0.4s ease;
  width: 564px;
}

.epi .x1-5:hover {
  transform: scale(1.1);
}

.epi .frame-1171278694 {
  align-items: flex-start;
  background-color: var(--black);
  border-radius: 55px;
  display: flex;
  height: 35px;
  left: 9px;
  overflow: hidden;
  padding: 9px 25px;
  position: absolute;
  top: 10px;
  width: 87px;
}

.epi .number {
  letter-spacing: 0;
  min-height: 15px;
}

.epi .frame-1171278690 {
  align-items: flex-end;
  border: 0.49px solid;
  border-color: var(--white);
  border-radius: 32.71px;
  display: flex;
  height: 22px;
  left: 107px;
  overflow: hidden;
  padding: 4.9px 13.9px;
  position: absolute;
  top: 458px;
  width: 83px;
}

.epi .ai-mobile-app_-artaloo {
  left: 7px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 413px;
  white-space: nowrap;
}

.epi .frame-1171278687 {
  align-items: flex-end;
  border: 0.49px solid;
  border-color: var(--white);
  border-radius: 32.71px;
  display: flex;
  height: 22px;
  left: 9px;
  overflow: hidden;
  padding: 4.9px 15.7px;
  position: absolute;
  top: 458px;
  width: 83px;
}

.epi .ui-design {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 1px;
  min-height: 12px;
  min-width: 51px;
  text-align: center;
  white-space: nowrap;
}

.epi .vector-3297-1 {
  cursor: pointer;
  height: 29px;
  left: 665px;
  position: absolute;
  top: 413px;
  transition: all 0.4s ease;
  width: 29px;
}

.epi .vector-3297-1:hover {
  transform: rotate(45deg);
}

.epi .frame-1171278697-1 {
  -webkit-backdrop-filter: blur(49.9px) brightness(100%);
  align-items: flex-end;
  backdrop-filter: blur(49.9px) brightness(100%);
  background-color: var(--shark);
  border: 1px solid;
  border-color: var(--mine-shaft);
  border-radius: 24.24px;
  cursor: pointer;
  display: flex;
  height: 518px;
  overflow: hidden;
  padding: 0 20.0px;
  transition: all 0.2s ease;
  width: 747px;
}

.epi .frame-1171278697-1:hover {
  background-color: #3E3E3E
}

.epi .overlap-group25 {
  height: 625px;
  margin-bottom: -127.0px;
  position: relative;
  width: 707px;
}

.epi .ellipse-8183-4 {
  background-color: var(--alto);
  border-radius: 216px;
  filter: blur(284.5px);;
  height: 432px;
  left: 137px;
  opacity: 0.11;
  position: absolute;
  top: 193px;
  width: 432px;
}

.epi .frame-container-2 {
  border-radius: 19.51px;
  height: 390px;
  left: 0;
  position: absolute;
  top: 0;
  width: 707px;
}

.epi .frame-1171278688-1 {
  border-radius: 19.51px;
}

.epi .frame-1171278688-1.animate-enter52 {
  animation: animate-enter52-frames 0.40s ease 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter52-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.epi .x1-6 {
  cursor: pointer;
  height: 471px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: -41px;
  transition: all 0.4s ease;
  width: 707px;
}

.epi .x1-6:hover {
  transform: scale(1.1);
}

.epi .frame-1171278690-1 {
  align-items: flex-end;
  border: 0.49px solid;
  border-color: var(--white);
  border-radius: 32.68px;
  display: flex;
  height: 22px;
  left: 106px;
  overflow: hidden;
  padding: 4.9px 13.9px;
  position: absolute;
  top: 457px;
  width: 83px;
}

.epi .frame-1171278687-1 {
  align-items: flex-end;
  border-radius: 32.68px;
  left: 8px;
  padding: 4.9px 15.7px;
  top: 457px;
}

.epi .vector-3297 {
  cursor: pointer;
  height: 29px;
  left: 664px;
  position: absolute;
  top: 413px;
  transition: all 0.4s ease;
  width: 29px;
}

.epi .vector-3297:hover {
  transform: rotate(45deg);
}

.epi .frame-container-3 {
  align-items: flex-start;
  display: flex;
  gap: 30px;
  margin-top: 57px;
  min-width: 1524px;
  z-index: 9;
}

.epi .frame-1171278699 {
  -webkit-backdrop-filter: blur(49.9px) brightness(100%);
  align-items: flex-end;
  backdrop-filter: blur(49.9px) brightness(100%);
  background-color: var(--shark);
  border: 1px solid;
  border-color: var(--mine-shaft);
  border-radius: 24.24px;
  cursor: pointer;
  display: flex;
  height: 518px;
  overflow: hidden;
  padding: 0 19.1px;
  transition: all 0.2s ease;
  width: 747px;
}

.epi .frame-1171278699:hover {
  background-color: #3E3E3E
}

.epi .overlap-group27 {
  height: 626px;
  margin-bottom: -127.0px;
  margin-left: 2px;
  position: relative;
  width: 707px;
}

.epi .overlap-group2-1 {
  height: 626px;
  left: 0;
  position: absolute;
  top: 0;
  width: 707px;
}

.epi .ellipse-8183-5 {
  background-color: var(--alto);
  border-radius: 216px;
  filter: blur(284.5px);;
  height: 432px;
  left: 137px;
  opacity: 0.11;
  position: absolute;
  top: 194px;
  width: 432px;
}

.epi .frame-1171278688-2 {
  background-color: var(--white);
  border-radius: 19.42px;
}

.epi .frame-1171278688-2.animate-enter53 {
  animation: animate-enter53-frames 0.40s ease 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter53-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.epi .group-1171278888:hover {
  transform: scale(1.1);
}

.epi .overlap-group-6 {
  height: 412px;
  position: relative;
  width: 518px;
}

.epi .x1-7 {
  height: 411px;
  left: 106px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 412px;
}

.epi .frame-1171278694-1 {
  left: 98px;
  top: 78px;
}

.epi .frame-1171278687-2 {
  align-items: flex-end;
  border-radius: 32.54px;
  left: 7px;
  padding: 4.9px 15.2px;
  top: 455px;
}

.epi .ui-design-1 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 12px;
  min-width: 51px;
  text-align: center;
  white-space: nowrap;
}

.epi .vector-3297-2 {
  cursor: pointer;
  height: 29px;
  left: 663px;
  position: absolute;
  top: 411px;
  transition: all 0.4s ease;
  width: 29px;
}

.epi .vector-3297-2:hover {
  transform: rotate(45deg);
}

.epi .frame-1171278822 {
  -webkit-backdrop-filter: blur(49.9px) brightness(100%);
  backdrop-filter: blur(49.9px) brightness(100%);
  background-color: var(--shark);
  border: 1px solid;
  border-color: var(--mine-shaft);
  border-radius: 24.24px;
  cursor: pointer;
  height: 518px;
  opacity: 0;
  overflow: hidden;
  transform: translate(0, 25px);
  transition: all 0.2s ease;
  width: 747px;
}

.epi .frame-1171278822.animate-enter55 {
  animation: animate-enter55-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter55-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.epi .frame-1171278822:hover {
  background-color: #3e3e3e
}

.epi .overlap-group29 {
  height: 626px;
  left: 20px;
  position: relative;
  top: 19px;
  width: 707px;
}

.epi .frame-1171278688-3 {
  border-radius: 19.49px;
}

.epi .frame-1171278688-3.animate-enter54 {
  animation: animate-enter54-frames 0.40s ease 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter54-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.epi .overlap-group-7 {
  height: 568px;
  left: -25px;
  position: relative;
  top: -89px;
  width: 756px;
}

.epi .frame-1171278694-2 {
  left: 34px;
  top: 100px;
}

.epi .mobile-app-design {
  left: 94px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 413px;
  white-space: nowrap;
}

.epi .ellipse-8183-6 {
  background-color: var(--alto);
  border-radius: 216px;
  filter: blur(284.5px);;
  height: 432px;
  left: 138px;
  opacity: 0.11;
  position: absolute;
  top: 194px;
  width: 432px;
}

.epi .frame-1171278687-3 {
  align-items: flex-start;
  border-radius: 32.65px;
  left: 8px;
  padding: 4.6px 15.7px;
  top: 458px;
}

.epi .exclude {
  height: 27px;
  left: 9px;
  position: absolute;
  top: 413px;
  width: 67px;
}

.epi .frame-1171278823 {
  -webkit-backdrop-filter: blur(49.9px) brightness(100%);
  backdrop-filter: blur(49.9px) brightness(100%);
  background-color: var(--shark);
  border: 1px solid;
  border-color: var(--mine-shaft);
  border-radius: 24.24px;
  cursor: pointer;
  height: 402px;
  margin-top: 903px;
  overflow: hidden;
  position: relative;
  transition: all 0.2s ease;
  width: 1722px;
  z-index: 10;
}

.epi .frame-1171278823:hover {
  background-color: #3E3E3E
}

.epi .overlap-group30 {
  height: 1024px;
  left: 348px;
  position: absolute;
  top: -882px;
  width: 1037px;
}

.epi .ellipse-8183-7 {
  background-color: var(--alto);
  border-radius: 512px;
  filter: blur(284.5px);;
  height: 1024px;
  left: 0;
  opacity: 0.05;
  position: absolute;
  top: 0;
  width: 1024px;
}

.epi .text-179 {
  left: 986px;
  letter-spacing: -0.80px;
  line-height: 32px;
  position: absolute;
  top: 943px;
  white-space: nowrap;
}

.epi .ui-1 {
  left: 116px;
  letter-spacing: -0.80px;
  line-height: 32px;
  position: absolute;
  top: 943px;
  white-space: nowrap;
}

.epi .uiux {
  left: 349px;
  letter-spacing: -0.80px;
  line-height: 32px;
  position: absolute;
  top: 943px;
  white-space: nowrap;
}

.epi .group-1-1 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  gap: 6px;
  height: 47px;
  left: 49px;
  min-width: 100px;
  position: absolute;
  top: 227px;
  transition: all 0.5s ease;
}

.epi .group-1-1:hover {
  transform: scale(1.1);
}

.epi .instagram {
  cursor: pointer;
  left: 1334px;
  letter-spacing: -0.80px;
  line-height: 32px;
  position: absolute;
  text-decoration: underline;
  top: 149px;
  width: 87px;
}

.epi .a24 {
  cursor: pointer;
  left: 464px;
  letter-spacing: -0.80px;
  line-height: 32px;
  position: absolute;
  top: 149px;
  width: 87px;
}

.epi .artaloo {
  cursor: pointer;
  left: 697px;
  letter-spacing: -0.80px;
  line-height: 32px;
  position: absolute;
  top: 149px;
  width: 87px;
}

.epi .text-177 {
  cursor: pointer;
  left: 1334px;
  letter-spacing: -0.80px;
  line-height: 32px;
  position: absolute;
  text-decoration: underline;
  top: 210px;
  width: 87px;
}

.epi .epiphone-4 {
  cursor: pointer;
  left: 464px;
  letter-spacing: -0.80px;
  line-height: 32px;
  position: absolute;
  top: 210px;
  width: 87px;
}

.epi .text-178 {
  left: 1334px;
  letter-spacing: -0.80px;
  line-height: 32px;
  position: absolute;
  top: 271px;
  width: 87px;
}

.epi .about {
  line-height: normal;
  position: absolute;
  text-align: center;
}

.epi .color-2 {
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  white-space: nowrap;
}

.epi .flex {
  align-items: center;
  display: flex;
}

.epi .flex-row-4 {
  align-items: center;
  align-self: center;
  display: flex;
  height: 18px;
  margin-right: 5.0px;
  margin-top: 12px;
  min-width: 147px;
}

.epi .frame-1171278687-4 {
  border: 0.49px solid;
  border-color: var(--white);
  display: flex;
  height: 22px;
  overflow: hidden;
  position: absolute;
  width: 83px;
}

.epi .frame-1171278688-4 {
  height: 390px;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform: translate(0, 25px);
  width: 707px;
}

.epi .frame-1171278694-3 {
  align-items: flex-start;
  background-color: var(--black);
  border-radius: 55px;
  display: flex;
  height: 35px;
  overflow: hidden;
  padding: 9px 25px;
  position: absolute;
  width: 87px;
}

.epi .number-2 {
  line-height: normal;
  white-space: nowrap;
}

.epi .pretendard-8 {
  left: 0;
  position: absolute;
}

.epi .price-5 {
  line-height: normal;
  white-space: nowrap;
}

.epi .sg-2 {
  letter-spacing: 0;
  line-height: normal;
}

.epi .text-16-3 {
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.epi .tm-2 {
  height: 14px;
  letter-spacing: -0.98px;
  line-height: normal;
  margin-top: 8px;
}

.epi .type-2 {
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  width: 116px;
}